<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>鑫舆汇</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/nav.css" rel="stylesheet">
    <link href="css/css.css" rel="stylesheet">
    <style>
     .slider{max-width:1920px;text-align:center;}
	 .heights{height:50px;}
    </style>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="heads">
     <div class="top">
      <span class="headerRight"><img src="images/phone.png" width="273" height="19" /></span>
     </div><!--top/-->
    </div><!--heads/-->
    <h1 class="xlogo">
     <a href="index.html"><img src="images/logo.png" width="210" height="77" /></a>
    </h1>
    <nav class="nav-collapse">
      <ul>
        <li><a href="index.html">首页</a></li>
        <li><a href="recommend.html">推荐车源</a>
         <div class="chilNav">
          <div class="row chilNavCar">
          <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
           
            <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
            <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
            <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
            <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
          </div><!--row/-->
         </div><!--chilNav/-->
        </li>
        <li><a href="select.html">选车中心</a></li>
        <li><a href="service.html">金融服务</a>
         <div class="chilNav" id="chilNav">
          <div class="chiNava"><a href="service.html">信贷</a></div>
          <div class="chiNava"><a href="service.html">车险</a></div>
         </div><!--chilNav/-->
        </li>
        <li><a href="business.html">买卖流程</a></li>
        <li><a href="contact.html">联系我们</a></li>
      </ul>
     </nav>
    <div class="heights">&nbsp;</div>
    <!--proinfo-->
    <h4 class="h4Title">车辆详情</h4>
    <div class="carDeta">
     <div class="carLeft">
      <div id="DB_gallery">

        <div class="DB_imgSet">
            <div class="DB_imgWin"><img src="images/cardatl.jpg" /></div>
            <div class="DB_prevBtn"><img src="images/prev_off.png" /></div>
            <div class="DB_nextBtn"><img src="images/next_off.png" /></div>
        </div>
        
        <div class="DB_thumSet">
            <ul class="DB_thumMove">
                <li><a href="images/cardatl.jpg"><img src="images/cardatl.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/car2.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/car3.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/car4.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/selcar2.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/selcar1.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/selcar3.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/selcar4.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/selcar5.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/selcar2.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/selcar1.jpg" /></a></li>
                <li><a href="images/cardatl.jpg"><img src="images/selcar3.jpg" /></a></li>
            </ul>
            <div class="DB_thumLine"></div>
            <div class="DB_prevPageBtn"><img src="images/prev_page.png" alt="上一页"/></div>
            <div class="DB_nextPageBtn"><img src="images/next_page.png" alt="下一页"/></div>
        </div>
          
      </div><!--DB_gallery end-->
     </div><!--carLeft-->
     <div class="carRight">
      <h3>宝马Z4 20i [进口] 2013款 2.0T </h3>
      <table class="tableCar">
       <tr>
        <th style="text-align:right;padding-right:5px;">价格：</th>
        <td><strong class="red"> 48.3 </strong>万元 <img src="images/keyijia.jpg" /></td>
       </tr>
       <tr>
        <th style="text-align:right;padding-right:5px;">首次上牌：</th>
        <td>2014年1月</td>
       </tr>
       <tr>
        <th style="text-align:right;padding-right:5px;">里程：</th>
        <td>7.0万公里</td>
       </tr>
       <tr>
        <th style="text-align:right;padding-right:5px;">年检有效期至：</th>
        <td>2015年1月</td>
       </tr>
       <tr>
        <th style="text-align:right;padding-right:5px;">保险有效期至：</th>
        <td>2015年1月</td>
       </tr>
       <tr>
        <th style="text-align:right;padding-right:5px;">看车地址：</th>
        <td>上海市闵行区吴中路1189号2A展示区415</td>
       </tr>
       <tr>
        <th style="text-align:right;padding-right:5px;">车龄：</th>
        <td>1-4年</td>
       </tr>
       <tr>
        <th style="text-align:right;padding-right:5px;"><img src="images/phones.jpg" /></th>
        <td>
         <strong>18522214475</strong><br />
         郑建辉
        </td>
       </tr>
      </table><!--tableCar/-->
     </div><!--carRight/-->
     <div class="clearfix"></div>
    </div><!--carDeta/-->
    <ul class="carEq">
     <li><a href="#xiangqing">车辆详情</li>
     <li><a href="#canshu">参数配置</a></li>
     <li><a href="business.html">购买流程</a></li>
     <li><a href="select.html">选车中心</a></li>
     <div class="clearfix"></div>
    </ul><!--carEq/-->
    <div id="xiangqing">
     2012年11月厂丰田阿尔法豪华版，2013年1月份上牌原厂素车。经本公司专业二手车评估鉴定师鉴定的二手车、无任何事故、绝非泡水车、车辆来源正规,手续齐全,此价格不含上海牌照。本公司承诺：销售车辆无任何事故，均可去4S店检测，可向银行借贷款，全国提档过户均可。我公司购买车辆现在可以按揭，最高车款8成，期限一至三年。<br /><br />

公司地址：上海市闵行区吴中路1189号2A展示区415办公室<br />
电话：021-00000000 <br />
联系人：某某某<br />
2012年11月厂丰田阿尔法豪华版，2013年1月份上牌原厂素车。经本公司专业二手车评估鉴定师鉴定的二手车、无任何事故、绝非泡水车、车辆来源正规,手续齐全,此价格不含上海牌照。本公司承诺：销售车辆无任何事故，均可去4S店检测，可向银行借贷款，全国提档过户均可。我公司购买车辆现在可以按揭，最高车款8成，期限一至三年。<br /><br />

公司地址：上海市闵行区吴中路1189号2A展示区415办公室<br />
电话：021-00000000 <br />
联系人：某某某<br />
2012年11月厂丰田阿尔法豪华版，2013年1月份上牌原厂素车。经本公司专业二手车评估鉴定师鉴定的二手车、无任何事故、绝非泡水车、车辆来源正规,手续齐全,此价格不含上海牌照。本公司承诺：销售车辆无任何事故，均可去4S店检测，可向银行借贷款，全国提档过户均可。我公司购买车辆现在可以按揭，最高车款8成，期限一至三年。<br /><br />

公司地址：上海市闵行区吴中路1189号2A展示区415办公室<br />
电话：021-00000000 <br />
联系人：某某某<br />
    </div><!--xiangqing/-->
    <h4 class="h4Title" id="canshu">车辆参数</h4>
     <table class="canshu">
      <tr>
       <td>车体形式  </td>
       <td>油箱容积(l)40</td>
      </tr>
      <tr>
       <td>长/宽/高(mm)&nbsp;&nbsp;3961/1683/1426</td>
       <td>行李箱容积(l)260</td>
      </tr>
      <tr>
       <td>前/后轮距(mm)&nbsp;&nbsp;1459/1467</td>
       <td>最大行李箱容积(l)930</td>
      </tr>
      <tr>
       <td>前/后悬长度(mm)</td>
       <td>车门数(含后车门)5</td>
      </tr>
      <tr>
       <td>轴距(mm)&nbsp;&nbsp;2547</td>
       <td>乘员数(含驾驶员)4</td>
      </tr>
      <tr>
       <td>风阻系数(cd)&nbsp;&nbsp;0</td>
       <td>接近角(°)</td>
      </tr>
      <tr>
       <td>整备质量(kg)&nbsp;&nbsp;1170</td>
       <td>离去角(°)</td>
      </tr> 
     </table><!--canshu/-->
    <div>
<!--proinfo-->
    <div class="footer">
     <p>
      <a href="index.html">首页</a>
      <a href="recommend.html">推荐车源</a>
      <a href="select.html">选车中心</a>
      <a href="service.html">金融服务</a>
      <a href="business.html">买卖流程</a>
      <a href="job.html">人才招聘</a>
      <a href="contact.html" style="border:0;">联系我们</a>
     </p>
     <p>CopyRight © 2014 鑫舆汇 All Rights Reserved.</p>
     <p>沪ICP备 12007626号-1 公安备案号</p>
     <p>版权所有：上海市闵行区吴中路1189号2A展示区  更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
    </div><!--footer/-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/js.js"></script>
    <!--响应式导航-->
    <script>
      var navigation = responsiveNav(".nav-collapse", {
        animate: true,                    // Boolean: Use CSS3 transitions, true or false
        transition: 284,                  // Integer: Speed of the transition, in milliseconds
        label: "Menu",                    // String: Label for the navigation toggle
        insert: "after",                  // String: Insert the toggle before or after the navigation
        customToggle: "",                 // Selector: Specify the ID of a custom toggle
        closeOnNavClick: false,           // Boolean: Close the navigation when one of the links are clicked
        openPos: "relative",              // String: Position of the opened nav, relative or static
        navClass: "nav-collapse",         // String: Default CSS class. If changed, you need to edit the CSS too!
        navActiveClass: "js-nav-active",  // String: Class that is added to <html> element when nav is active
        jsClass: "js",                    // String: 'JS enabled' class which is added to <html> element
        init: function(){},               // Function: Init callback
        open: function(){},               // Function: Open callback
        close: function(){}               // Function: Close callback
      });
    </script>
    
    <script type="text/javascript" src="js/jquery.DB_gallery.js"></script>
    <script type="text/javascript">
	$('#DB_gallery').DB_gallery({
		thumWidth:110,            
		thumGap:8,                
		thumMoveStep:4,           
		moveSpeed:300,            
		fadeSpeed:500            
	});
	</script>
  </body>
</html>